<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /* a 链接其实是有四种状态 */
        /* 1. 初次显示的状态 */

        /* 2. 用户的鼠标移动到 a 链接上面*/
        /* 3. 用户按下鼠标，但是没有松手*/
        /* 4. 用户点击完成之后的状态*/

        /* 写的时候，a 链接的状态的顺序不能变，但是可以省略其中某项或者某几项不写*/
        a {
            color: red;
        }

        /*  初次显示的状态 */
        /*a:link{
            text-decoration: none;
            font-size: 40px;
        }*/
        /* 用户点击完成之后的状态*/
        /* a:visited{
             font-size: 14px;
             color: blue;

         }*/
        /* 用户的鼠标移动到 a 链接上面 */
        a:hover {
            text-decoration: underline;
            color: green;

        }

        /* 用户按下鼠标，但是没有松手 */
        /* a:active{
             font-size: 60px;
             color: gold;
             text-decoration: none;

         }*/

        /* 学习的过的伪类来修饰 a 链接的状态 */

        .clearfix:after {
            content: '';
            display: block;
            clear: both;
        }

    </style>

</head>
<body>

<!--<a href="https://www.baidu.com" target="_blank">百度信息</a>-->


<ul class="list">
    <li>
        <a href="">重庆这百年 奋斗百年路 党史学习</a>
    </li>
    <li>
        <a href="">今天致敬那些用鲜血和生命抗争的人 走进乡村看小康</a>
    </li>
    <li>
        <a href=""> 传承“两弹一星”精神 矢志科技自立自强</a>
    </li>
    <li>
        <a href="">青平：“七一勋章”照亮党员前行之路</a>
    </li>
    <li>
        <a href="">促进国际合作 共享发展机遇</a>
    </li>
</ul>

</body>
</html>